<ion-tabs>
  <ion-tab [root]="tab1Root" tabTitle="告警" tabIcon="ios-warning-outline"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="实时/历史" tabIcon="ios-pie-outline"></ion-tab>
  <!-- <ion-tab [root]="tab3Root" tabTitle="统计" tabIcon="ios-list-box-outline"></ion-tab> -->
  <ion-tab [root]="tab4Root" tabTitle="项目中心" tabIcon="ios-list-box-outline"></ion-tab>
</ion-tabs>

<div class="warn" *ngIf="time!==undefined">
  <div class="alert0">
    <ion-card>
      <ion-card-header style="background-color:#d90e0e">
        <span style="color:#fff">告警提示</span>
      </ion-card-header>
      <ion-card-content>
        <ion-row>
          <ion-col col-5>
            告警时间：
          </ion-col>
          <ion-col col-7 text-left>
            {{time}}
          </ion-col>
        </ion-row>
        <ion-row>
          <ion-col col-5>
            测点类型：
          </ion-col>
          <ion-col col-7 text-left>
            {{typeName}}
          </ion-col>
        </ion-row>
        <ion-row>
          <ion-col col-5>
            测点名称：
          </ion-col>
          <ion-col col-7 text-left>
            {{target}}
          </ion-col>
        </ion-row>
        <ion-row>
          <ion-col col-5>
            告警等级：
          </ion-col>
          <ion-col col-7 text-left>
            <span>{{color}}</span>

            <!-- <span *ngIf="level==1">一级告警</span>
            <span *ngIf="level==2">二级告警</span> -->
          </ion-col>
        </ion-row>
        <ion-row>
          <ion-col col-5>
            阈值范围：
          </ion-col>
          <ion-col col-7 text-left>
            {{loweruppe}}
          </ion-col>
        </ion-row>
        <ion-row>
          <ion-col col-5>
            当前监测数据：
          </ion-col>
          <ion-col col-7 text-left>
            {{message}}
          </ion-col>
        </ion-row>
        <button ion-button (click)="click()">确定</button>
      </ion-card-content>
    </ion-card>
  </div>

</div>